<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>登录界面</title>
	<script type="text/javascript" src="${request.getContextPath()}/js/common/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="${request.getContextPath()}/js/common/json2.js"></script>
	<script type="text/javascript" src="${request.getContextPath()}/js/common/common.js"></script>
	<script type="text/javascript" src="${request.getContextPath()}/js/common/bootstrap.min.js"></script>
	<script type="text/javascript" src="${request.getContextPath()}/js/main/login.js"></script>
	<script type="text/javascript" src="${request.getContextPath()}/js/prompt/lobibox.min.js"></script>
	<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/font-awesome/font-awesome.css" />
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/common/bootstrap.min.css" >
    <link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/main/alert.css" />
	<!-- <link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/prompt/default.css" /> -->
	<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/prompt/Lobibox.min.css" />
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript">
		var path = '${request.getContextPath()}';
		if(user.info&&user.info.userdata){
			user.info.userdata={};
		}
	</script>
	<style type="text/css">
		.tenor{
			font-family:'Tenor Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
			font-weight:normal;
		}
		p{
			float: left;
    		margin: 0 10px;
		}
		a{
			background-color:transparent;
		}
		a, a:link, a:visited{
			color:#f78c0d;
			text-decoration:none;
			cursor:pointer;
		}
		.bkg{
			background:url(../images/cover.jpg) top center/cover;
			position:relative;
			min-height:85vh;
			/* border-bottom:10px solid #e3e3e3; */
		}
		.intro-lg{text-align:center;padding-top:150px;padding-bottom:150px}
		.uppercase{text-transform:uppercase}
		#btn-intro{
			border:2px solid #FF5252; background:#FF5252;color:#FFF;padding:15px 20px;margin-top:40px;-webkit-transition:.35s;transition:.35s;-webkit-animation-delay:1.4s;animation-delay:1.4s;
		}
		.btn-custom{background-color:transparent;color:#FF5252;border:2px solid #FF5252;padding:15px 20px;margin-top:30px;-webkit-transition:.35s;transition:.35s;text-transform:uppercase}
		.btn-custom:hover{background-color:#FF5252;color:#FFF;border:2px solid #FF5252}
		.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
		.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
	</style>
  </head>
<body class="b bkg">
<div>
	<#include "/public/header.html"/>
</div>
<div class="container-fluid intro-lg uppercase ">
      <div class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2">
        <h3 id="supra" class="animated fadeInUp">The online test of</h3>
        <h1 id="title" class="animated fadeInUp">project</h1>
        <h3 id="sub" class="animated bounceIn">A visual designer <span class="hidden-xs">from QA</span></h3>
         <div class="divider divider-intro animated bounceIn"></div>
        <a id="btn-intro" href="${request.getContextPath()}/user/login" class="btn btn-custom animated fadeInUp">Go to login</a>
      </div>
</div>
<!-- 注册 Modal -->
	<div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="registerLabel" aria-hidden="true" data-backdrop="static">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="registerLabel">注册账号信息</h4>
	      </div>
	      <div class="modal-body" style="margin-left:70px;">
	        <!-- begin -->
			<div class="input-group input-group-lg">
			  <span class="input-group-addon" id="sizing-addon1">用            &nbsp;户          名</span>
			  <input type="text" class="form-control" id="reUserName" placeholder="用户名" aria-describedby="sizing-addon2">
			</div>
			<br>
			<div class="input-group input-group-lg">
			  <span class="input-group-addon" id="sizing-addon1">用户密码</span>
			  <input type="password" class="form-control" id="userPwd" placeholder="用户密码" aria-describedby="sizing-addon2">
			</div>
	        <!-- end -->
	      </div>
	      <div class="modal-footer">
	      	<p class="tenor">Already registered? <a data-screen-id="SecureLogin" href="${request.getContextPath()}/user/login">Login</a></p>
	        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	        <button type="button" class="btn btn-primary" onclick="user.index.registerUser();">注册</button>
	      </div>
	    </div>
	  </div>
	</div>
<div style="text-align:center;">
<#include "/public/footer.html"/>
</div>
</body>
</html>